<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title> 遍历对象 </title>
</head>
<body>
    <div id="example">
    </div>    
</body>
</html>
<script src="https://cdn.staticfile.org/react/16.4.0/umd/react.development.js"></script>
<script src="https://cdn.staticfile.org/react-dom/16.4.0/umd/react-dom.development.js"></script>
<script src="https://cdn.staticfile.org/babel-standalone/6.26.0/babel.min.js"></script>
<script type="text/babel" >
    let obj = {
        name:"李庆凯",age:40,sex:"男"
    }
    let dataFalse = [
        {name:"患者总数",num:1123},
        {name:"报名总数",num:143},
        {name:"待审核",num:23},
        {name:"审核通过",num:6},
        {name:"审核不通过",num:13},
        {name:"推荐其他试验",num:123},
        {name:"医院总数",num:83},
        {name:"项目总数",num:23},
        {name:"招募中项目",num:3},
        {name:"医生总数",num:33},
    ]
    
    let meDom = <div>
                    {
                       Object.keys(obj).map((v,i)=>{
                           return (
                            <p>{v}  
                               {obj[v]}</p>
                           )
                       })
                    }
                </div>

    ReactDOM.render(meDom,document.getElementById("example"))
</script>